 #@layout()
 #define content()

<span class="layui-breadcrumb">
  <a href="/">首页</a>
  <a href="/admin/task"><cite>定时任务管理</cite></a>
</span>

<hr>


<!--自定义修改一些样式-->
<style type="text/css">
	.layui-form-label{
		width:110px;
	}
</style>

<form class="layui-form">
	<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->

	<input type="hidden" name="id" value="#(vo.id)">

	<div class="layui-form-item">
		<label class="layui-form-label">任务名称</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="jobName" placeholder="请输入" value="#(vo.jobName)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">中文描述</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">任务代码</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="jobCode" placeholder="请输入" value="#(vo.jobCode)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">英文字符，不可重复</div>
	</div>
	
	<div class="layui-form-item">
		<label class="layui-form-label">任务组代码</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="jobGroupCode" placeholder="请输入" value="#(vo.jobGroupCode)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">英文字符，不可重复</div>
	</div>
	
	<div class="layui-form-item">
		<label class="layui-form-label">调度器代码</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="triggerCode" placeholder="请输入" value="#(vo.triggerCode)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">英文字符，不可重复</div>
	</div>
	
	<div class="layui-form-item">
		<label class="layui-form-label">调度器组代码</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="triggerGroupCode" placeholder="请输入" value="#(vo.triggerGroupCode)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">英文字符，不可重复</div>
	</div>
	
	<div class="layui-form-item">
		<label class="layui-form-label">cron表达式</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="cronExpression" placeholder="请输入" value="#(vo.cronExpression)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">英文字符，不可重复</div>
	</div>
	
	<div class="layui-form-item">
		<label class="layui-form-label">执行JOB类</label>
		<div class="layui-input-inline" style="width: 280px;">
			<input type="text" name="jobClass" placeholder="请输入" value="#(vo.jobClass)"
				autocomplete="off" class="layui-input" 
				lay-verify="required">
		</div>
		<div class="layui-form-mid layui-word-aux">例：com.myopen.task.MyTask,需要继承自org.quartz.Job类</div>
	</div>

	<div class="layui-form-item">
		<div class="layui-input-block">
			<button class="layui-btn" lay-submit lay-filter="detailForm">保存</button>
			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		</div>
	</div>
	<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->


</form>


#end

#define js()

<script>
	layui.use('table', function() {
		var form = layui.form;
		var $ = layui.$;
		var layer = layui.layer;
		form.verify(layuiFormVerify);

		form.on('submit(detailForm)', function(data) {
			//建议使用ajax在此处提交。
			$.ajax({
				type : 'post',
				url : '/admin/task/save',
				data : $("form").serialize(),
				success : function(data) {
					if (data.code == "0") {
						layer.msg('保存成功！', {
							time : 600
						}, function() {
							window.location.href = "/admin/task";
						});
					}
				}
			});
			//此处使用异步的好处，服务器端可以直接验证，如果直接提交，提交完成以后，如果验证不通过，那么不方便处理错误的信息
			return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		});

	});
</script>

#end


